<!DOCTYPE html>
<html lang="en">

<head>
    {include file="common/meta_new" /}
</head>

<body class="F6">
    <div id="app" class="hysj2-page">
        <!-- header -->
        <div class="header">
            <div class="header-height"></div>
            <div class="header-wrap">
                <div class="header-content">
                    <div class="left">
                        <div class="go-back" url="/index/expert/index?level={$level}"><img src="/static/images/go-back.png" alt=""></div>
                        <div class="text">会员升级</div>
                    </div>
                    <div class="title"></div>
                </div>
            </div>
        </div>
        <!-- 顶部 -->
        <div class="top-wrap">
            <div class="bg-list">
                <img src="/static/images/hysj-bg1.png" alt="">
            </div>
            <div class="content">
                <div class="user-info">
                    <div class="left">
                        <img src="{$user['avatar']}" alt="">
                    </div>
                    <div class="right">
                        <div class="row-1">亲爱的{$user.nickname}，您好！</div>
                        <div class="row-2">
                            <div class="text-left">您的升级商品合计金额为：￥</div>
                            <div class="text-right">{$total_order_amount}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="product-wrap" id="product-wrap">
            <div class="product-box">
                <div class="title-wrap">
                    <div class="title">直推商品</div>
                    <div class="amount-text"><span>总金额：</span><span>￥</span><span>{$p1_order_amount}</span></div>
                </div>
                <div class="product-list">

                    {volist name="p1_goods_list" id="vo"}

                    <div class="product-item">
                        <div class="product-image">
                            <img src="{$vo.cover}" alt="">
                        </div>
                        <div class="product-title ellipsis-1">{$vo.title}</div>
                        <div class="bottom">
                            <div class="left"><span>￥</span>{$vo.price}</div>
                            <div class="right">x<span>{$vo.buy_num}</span></div>
                        </div>
                    </div>

                    {/volist}

                </div>
            </div>
            <div class="product-box">
                <div class="title-wrap">
                    <div class="title">公司产品</div>
                    <div class="amount-text"><span>总金额：</span><span>￥</span><span>{$p2_order_amount}</span></div>
                </div>
                <div class="product-list">

                    {volist name="p2_goods_list" id="vo"}

                    <div class="product-item">
                        <div class="product-image">
                            <img src="{$vo.cover}" alt="">
                        </div>
                        <div class="product-title ellipsis-1">{$vo.title}</div>
                        <div class="bottom">
                            <div class="left"><span>￥</span>{$vo.price}</div>
                            <div class="right">x<span>{$vo.buy_num}</span></div>
                        </div>
                    </div>

                    {/volist}

                </div>
            </div>
            <div class="product-box">
                <div class="title-wrap">
                    <div class="title">代数商品</div>
                    <div class="amount-text"><span>总金额：</span><span>￥</span><span>{$p3_order_amount}</span></div>
                </div>
                <div class="product-list">
                    {volist name="p3_goods_list" id="vo"}

                    <div class="product-item">
                        <div class="product-image">
                            <img src="{$vo.cover}" alt="">
                        </div>
                        <div class="product-title ellipsis-1">{$vo.title}</div>
                        <div class="bottom">
                            <div class="left"><span>￥</span>{$vo.price}</div>
                            <div class="right">x<span>{$vo.buy_num}</span></div>
                        </div>
                    </div>

                    {/volist}
                </div>
            </div>
        </div>
        <div class="btn-wrap">
            <div class="btn btn-enter-tasklist" url="/index/task/upgrade">进入任务列表</div>
            <div class="btn right-btn btn-save-pic">保存为图片</div>
        </div>
    </div>
    <script src="/static/js/html2canvas.js"></script>
    <script src="/static/js/common.js"></script>
    <script src="/static/js/expert/order_show.js"></script>
</body>

</html>